/**
 * demo说明: 在原始的样式上，增加其他样式
 */

const postcss = require('postcss')
const scss = require('postcss-scss')
const fs = require('fs')
const path = require('path')
const prettier = require('prettier')

const prettierConfig = require('../prettierrc')

// 拿到文件内容
let content = fs.readFileSync(path.resolve(__dirname, 'test.scss'), 'utf8')

const root = postcss.parse(content)
let nodes = root.nodes

// 将文件内容中的数据进行转换

// nodes.forEach(item => {
//   // console.log(item);
//   // 输出 选择器
//   console.log('选择器：', item.selector)
//   console.log('css属性：', item.nodes[0].prop, '对应属性值：', item.nodes[0].value)
// })

root.append('div {background: "red"}')

// 将AST 转换为scss代码
let outputContent = root.toResult().css

prettier
	.format(outputContent, {
		// 普通项目里面的 prettier 配置文件对象
		...prettierConfig,
		// 一定要传这个， 表示用什么语法解析器
		parser: 'scss',
	})
	.then((res) => {
		fs.writeFileSync(
			path.resolve(__dirname, Date.now().toString() + '.scss'),
			res
		)
	})
